@charset "utf-8";

#contents.overview{position: relative;}
.section_top .back_container {background:none;}
.section_area h2 {font-size:30px;color:#333;line-height:30px;font-weight:700;text-align:center;margin-bottom:40px;}
.section_area h2 span {font-size:16px;margin-top:30px;display:inline-block;font-weight:normal;line-height:26px;color: #666}

.business_line_area {padding-top:80px;background: #fff;position: relative;}
.business_line_area .business_line_contents {text-align: center; padding-bottom:80px;}
.business_line_area .business_line_contents a {width:190px;height:50px;border:1px solid #929292;display:block;position:relative;margin:40px auto 0;font-size:16px;line-height:50px;text-align:center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.business_line_area .business_line_contents a span {position:relative;display:inline-block;color:#333;padding-right: 30px}
.business_line_area .business_line_contents a span:before {content:'';width:17px;height:17px;position:absolute;right:0;top:17px;background:url('/css/quick/overview/btn_movie_icon.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.business_line_area .business_line_contents a span:after {content:'';width:17px;height:17px;position:absolute;right:0;top:17px;background:url('/css/quick/overview/btn_movie_icon_on.png') no-repeat 0 0;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;opacity: 0;visibility: hidden;
}
.business_line_area .business_line_contents a:hover{background: #ff4311;border-color: #ff4311}
.business_line_area .business_line_contents a:hover span {color: #fff}
.business_line_area .business_line_contents a:hover span:before{opacity: 0;visibility: hidden}
.business_line_area .business_line_contents a:hover span:after{opacity: 1;visibility: visible}

.business_scope_area {  position: relative;background-color:#f8f8f8; padding:120px 0;}

.select_box {width:100%; height:400px; margin:0 auto;overflow:hidden; }

.select_box > div {
	float:left;
	position:relative;
	display:block;
	width:33.3%; 
	height:100%;
    -webkit-transition: width 0.3s ease-out;
    -moz-transition: width 0.3s ease-out;
    -o-transition: width 0.3s ease-out;
    transition: width 0.3s ease-out;
    overflow:hidden;
}
.select_box > div .bg {
	position: absolute;
    top: 0;
    left: 50%;
    width: 100%;
    height: 400px;
    margin-left: -50%;
}
.select_box > div .bg1 {background: url(/css/quick/business_area_bg2.jpg) no-repeat;}
.select_box > div .bg2 {background: url(/css/quick/business_area_bg1.jpg) no-repeat center;}

.select_box > div .bg3 {background: url(/css/quick/business_area_bg3.jpg) no-repeat;}

.select_box > div .bg:before{
	content: '';position: absolute;top:0;right:0;bottom:0;left:0;background: rgba(0,0,0,0.3);opacity: 0;visibility: hidden;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
.select_box ul {
	position:relative; 
	top:30%; 
	text-align: center; 
	color:#fff;
    -webkit-transition: margin-top 0.3s ease-out;
    -moz-transition: margin-top 0.3s ease-out;
    -o-transition: margin-top 0.3s ease-out;
    transition: margin-top 0.3s ease-out;
}
.select_box ul li {display: block;}
.select_box ul li.title {font-size:18px; line-height:26px; margin-top:10px;}
.select_box ul li.desc {font-size:14px; padding-top:23px; line-height:23px; opacity:0;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.select_box ul li.detail_btn {
	position:relative; 
	padding-top:27px;
	font-size:13px; 
	opacity:1;
    -webkit-transition: opacity 0.3s ease-out;
    -moz-transition: opacity 0.3s ease-out;
    -o-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}
.select_box ul li.detail_btn a {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    position:relative; display:inline-block; width:140px; height:37px; line-height:37px; background:url("/css/quick/overview/btn_detail.png") 0 0 no-repeat;}
.select_box ul li.detail_btn a span {position:relative}
.select_box ul li.detail_btn a > img {position:relative; top:-2px; vertical-align: middle; margin-left:6px; max-width:none; transition:all 0.3s;}
.select_box ul li.detail_btn a .on {
	position:absolute; 
	top:0; 
	left:0; opacity: 0;
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out; 
    border-radius: 75px;
    overflow: hidden;
}
.select_box ul li.detail_btn a .on img {max-width:none;}

.select_box > div.active {width:40%;}
.select_box > div.deactive {width:30%;}